<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>Nội thất Pmax</title>
	<link href="css/normalize.css" rel="stylesheet" type="text/css" />
	<link href="css/reset.css" rel="stylesheet" type="text/css" />
	<link href="css/global.css" rel="stylesheet" type="text/css" />
	<link href="css/home.css" rel="stylesheet" type="text/css" />
	<link href="css/chitietsp.css" rel="stylesheet" type="text/css" />
	
	
	<script src="plugins/1.7.2.jquery.min.js" type="text/javascript"></script>
	<!--scrip cho slider zoom ảnh-->
	<link href="plugins/etalage/css/etalage.css" rel="stylesheet" type="text/css" />
	<script src="plugins/etalage/js/jquery.etalage.min.js"></script>
	
</head>
<body>
	<header class="pmax-header">
		<section class="wrapper">
			<figure class="logo">
				<a href="#"><img src="uploads/logo.png"/></a>
			</figure>
			<section class="slogan">
				<p class="main">Tận hưởng cuộc sống lãng mạn và cao quý</p>
				<p class="sub">Romantic rose life dedicated noble life</p>
			</section>
			<section class="clear"></section>
		</section><!-- .wrapper -->
	</header><!-- .pmax-header -->
	<nav class="pmax-navigation">
		<section class="wrapper">
			<ul class="main">
				<li class="main">
					<a href="#" class="main">Trang chủ</a>
				</li>
				<li class="main">
					<a href="#" class="main">Giới thiệu</a>
				</li>
				<li class="main">
					<a href="#" class="main">Thiết kế</a>
				</li>
				<li class="main">
					<a href="#" class="main">Dự án</a>
				</li>
				<li class="main">
					<a href="#" class="main">Tin tức</a>
				</li>
				<li class="main">
					<a href="#" class="main">Tuyển dụng</a>
				</li>
				<li class="main">
					<a href="#" class="main">Liên hệ</a>
				</li>
			</ul><!-- .main -->
			<section class="search">
				<form method="get" action="">
					<input type="text" name="keyword" class="keyword" value="" placeholder="Nhapaj" />
					<input type="submit" class="submit" value="Tìm kiếm" />
				</form>
			</section><!-- .search -->
		</section><!-- .wrapper -->
	</nav><!-- .pmax-navigation -->
<section class="pmax-container">
	<section class="ctsp-wrapper">
		<section class="show-sp">
			<section class="main-show">
				<section class="slider">
					<div id="examples">
						<ul id="etalage">
							<li>
								<a href="">
									<img class="etalage_thumb_image" src="uploads/sp1-ctsp.JPG"/>
									<img class="etalage_source_image" src="uploads/sp1-ctsp.JPG"/>
								</a>
							</li>
							<li>
								<img class="etalage_thumb_image" src="uploads/sp4-ctsp.jpg"/>
								<img class="etalage_source_image" src="uploads/sp4-ctsp.jpg"/>
							</li>
							<li>
								<img class="etalage_thumb_image" src="uploads/sp2-ctsp.jpg"/>
								<img class="etalage_source_image" src="uploads/sp2-ctsp.jpg"/>
							</li>
							<li>
								<img class="etalage_thumb_image" src="uploads/sp3-ctsp.jpg"/>
								<img class="etalage_source_image" src="uploads/sp3-ctsp.jpg"/>
							</li>
							<li>
								<img class="etalage_thumb_image" src="uploads/sp5-ctsp.jpg"/>
								<img class="etalage_source_image" src="uploads/sp5-ctsp.jpg"/>
							</li>
							<li>
								<img class="etalage_thumb_image" src="uploads/sp6-ctsp.jpg"/>
								<img class="etalage_source_image" src="uploads/sp6-ctsp.jpg"/>
							</li>
						</ul>
					</div>
				</section>
				<section class="info-slider">
					<header class="header-info">
						<h2 class="the-name">Giường tân cổ điển dát vàng - DV11</h2>
						<p class="under-header">Mẫu giường tân cổ điển dát vàng DV11 được thiết kế với độ tinh xảo cao. Phù hợp với không gian rộng rãi, mang phong cách cổ điển, cao quý và sang trọng.</p>
						<section class="price">
							<p>Giá bán <span class="chudo">65.000.000</span></p>
							<p>Giá bán <span class="gachngangchu">69.000.000</span></p>
						</section>
						<img src="images/facebookgoogle-ctsp.png"/>	
					</header>
					<section class="info">
						<h4 class="ttsp">thông tín sản phẩm</h4>
						<p class="one-line"><span class="indam">+ Kích thước :</span> 1000 x 1600 x 750 (cm)</p>
						<p class="one-line"><span class="indam">+ Vật Liệu :</span> Gỗ Tự nhiên, Gỗ công nghiệp, Verneer</p>
						<p class="one-line"><span class="indam">+ Bề mặt phần gỗ :</span> Sơn phủ PU 5 lớp theo tiêu chuẩn PMAX</p>
						<p class="one-line"><span class="indam">+ Linh kiện, phụ kiện :</span> HAFELE</p>
						<p class="one-line"><span class="indam">+ Giá thành :</span> 65.000.000 (VND)</p>
						<p class="one-line"><span class="indam">+ Tình trạng :</span> Đặt hàng</p>
						<p class="one-line"><span class="indam">+ Giao hàng :</span> Tận nơi từ 15 đến 20 ngày</p>
					</section>
					<section class="datmua">
						<a href="">
							<img src="images/giohang-ctsp.PNG"/>
							<p> đặt mua</p>
						</a>
					</section>
				</section>
			</section>
			<section class="spcungbo">
				<header class="the-name"><h3>sản phẩm cùng bộ</h3></header>
				<figure>
					<img src="uploads/sanphamcungbo-ctsp.PNG"/>
					<figcaption>35.000.000 VND</figcaption>
				</figure>
				<figure>
					<img src="uploads/sanphamcungbo-ctsp.PNG"/>
					<figcaption>35.000.000 VND</figcaption>
				</figure>
				<figure>
					<img src="uploads/sanphamcungbo-ctsp.PNG"/>
					<figcaption>35.000.000 VND</figcaption>
				</figure>
			</section>
		</section>
		
		<section class="sp-cungdong">
			<header class="sanpham-cungdong">sản phẩm cùng dòng</header>
			<ul class="ul-spcd">
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/sanpham-ctsp.PNG"/>
						<figcaption>
							<p class="name">tủ phòng khách</p>
							<section class="bao" style="overflow: hidden;">
								<p class="xien">15.000.000 VND</p>
								<section class="chitiet">
									<a href="">Chi Tiết >></a>
								</section>
							</section>
						</figcaption>
					</figure>
				</li>
			</ul>
		</section>
	</section>
</section>	
	
	
	
	
	
	
	
	
	<section class="pao-groupnav">	
		<section class="group-nav">
			<ul>
				<li class="header"><h3>Sản phẩm</h3></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
				<li><a href="#">Giường tủ</a></li>
			</ul>
			<ul>
				<li class="header"><h3>Thiết kế</h3></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
				<li><a href="#">Thiết kế VIP</a></li>
			</ul>
			<ul>
				<li class="header"><h3>Giới thiệu</h3></li>
				<li><a href="#">Văn Phòng</a></li>
				<li><a href="#">Văn Phòng</a></li>
				<li><a href="#">Văn Phòng</a></li>
				<li><a href="#">Văn Phòng</a></li>
				<li><a href="#">Văn Phòng</a></li>
				<li><a href="#">Văn Phòng</a></li>
				
			</ul>
			<ul>
				<li class="header"><h3>Dịch vụ</h3></li>
				<li><a href="#">Bảo hành sản phẩm</a></li>
				<li><a href="#">Bảo hành sản phẩm</a></li>
				<li><a href="#">Bảo hành sản phẩm</a></li>
				<li><a href="#">Bảo hành sản phẩm</a></li>
			</ul>
			
			<section class="like-box">
				<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=285&amp;height=235&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=721886644590517" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:235px; float:right" allowTransparency="true"></iframe>
			</section>
			
			<section class="clear"></section>
		</section><!-- .group-nav -->
	</section>

	<footer class="pmax-footer">
		<section class="wrapper">
			<section class="slogan">
				<h3>Royal design</h3>
				<p>Tận hưởng cuộc sống sang trọng và cao quý</p>
			</section>
			<ul>
				<li>
					<figure>
						<img src="uploads/icon_footer1.png" />
						<figcaption>
							<h3>Giá cả hợp lý</h3>
							<p>Google Dịch là dịch vụ dịch thuật miễn phí nhằm cung cấp các bản dịch tức thời giữa nhiều ngôn ngữ khác nhau</p>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/icon_footer2.png" />
						<figcaption>
							<h3>Giá cả hợp lý</h3>
							<p>Google Dịch là dịch vụ dịch thuật miễn phí nhằm cung cấp các bản dịch tức thời giữa nhiều ngôn ngữ khác nhau</p>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/icon_footer3.png" />
						<figcaption>
							<h3>Giá cả hợp lý</h3>
							<p>Google Dịch là dịch vụ dịch thuật miễn phí nhằm cung cấp các bản dịch tức thời giữa nhiều ngôn ngữ khác nhau</p>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/icon_footer4.png" />
						<figcaption>
							<h3>Giá cả hợp lý</h3>
							<p>Google Dịch là dịch vụ dịch thuật miễn phí nhằm cung cấp các bản dịch tức thời giữa nhiều ngôn ngữ khác nhau</p>
						</figcaption>
					</figure>
				</li>
				<li>
					<figure>
						<img src="uploads/icon_footer5.png" />
						<figcaption>
							<h3>Giá cả hợp lý</h3>
							<p>Google Dịch là dịch vụ dịch thuật miễn phí nhằm cung cấp các bản dịch tức thời giữa nhiều ngôn ngữ khác nhau</p>
						</figcaption>
					</figure>
				</li>
			</ul>
			<p class="text"><b>Royal design</b> Nội thất tân cổ điển mang phong cách sang trọng lịch lãm và cao quý <b>Hotline: 091.234.6789</b></p>
			<address>Royal design - Số 210 Hoàng Quốc Việt - Cầu Giấy - Hà Nội</address>
			<section class="clear"></section>
		</section><!-- .wrapper -->
	</footer><!-- .pmax-footer -->
	
	<script type="text/javascript" src="plugins/jquery.equalheights.min.js"></script>
	<script type="text/javascript">
	$('.pmax-column .wrapper .list-item ul li figure figcaption .title').equalHeights();
	
	
	
	</script>
		<script>
		jQuery(document).ready(function($){

			$('#etalage').etalage({
				thumb_image_width: 340,
				thumb_image_height: 340,
				source_image_width: 1000,
				source_image_height: 1000,
				show_hint: true,
				click_callback: function(image_anchor, instance_id){
					alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
				}
			});


		});
	</script>
</body>
</html>